<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>沙河乡村</title>
	<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>

	<!-- Swiper JS -->
	<script src="./static/js/swiper.min.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
	<!-- Link Swiper's CSS -->
	<link rel="stylesheet" href="./static/css/swiper.min.css">
	<meta name="format-detection" content="telephone=no">
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="alternate icon" type="image/png" href="assets/i/favicon.png">

	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
		integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
		crossorigin="anonymous"></script>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
		integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<style>
		* {
			box-sizing: border-box;
			font-size: 0.99em;
		}

		a {
			text-decoration: none;
			color: #333;
		}

		body {
			margin: 0;
			font-family: 微软雅黑;
		}

		header {
			padding-top: 0.4em;
			height: 2.1em;
			/* line-height: 2.1em width: 100%; */
			color: #fff;
			/* font-weight: 600; */
			font-size: 0.95em;
			/*背景色渐变*/
			background: linear-gradient(to bottom right, #e51a14, #e51a14);
		}

		#content {
			/* background: linear-gradient(to bottom right, #f5f454, #fbd1b7); */
		}

		.menu {
			display: block;
			position: fixed;
			bottom: 0;
			width: 100%;
			height: 3.8em;
			color: #474747;
			padding-top: 10px;
			border-top: 1px solid #eee;
			background-color: #fff;
		}

		.subMenu {
			width: 20%;
			float: left;
			cursor: pointer;
		}

		.menu_name {
			height: 1.2em;
			width: 100%;
			line-height: 1.2em;
			font-size: 0.8em;
		}

		img.menu_img {
			height: 24px;
			width: 24px;
		}

		img {
			vertical-align: middle;
			border: 0;
		}

		.text-center {
			text-align: center
		}
	</style>

</head>

<body>
	<header class="text-center">
		<div class="container-fluid">
			<div class="row">
				<div class="col-xs-2 col-md-1">桥西</div>
				<div class="col-xs-7 col-md-8">沙河乡村管理系统</div>
				<div class="col-xs-3  col-md-1">王小名</div>
			</div>
		</div>
	</header>

	<div id="content">
		<div class="container-fluid">
			<div class="row">
				<div class="col-xs-12">.col-xs-12 .col-sm-6 .col-md-8</div>
			</div>
		</div>

	</div>

	<div id="menu" class="menu">



		<div id="one" class="subMenu text-center" data-src="shouye.html"><a href="m_main.html">
				<img class="menu_img" src="static/img/hm.svg">
				<div class="menu_name"><span style="">首页</span></div>
			</a>
		</div>
		<div id="two" class="subMenu text-center" data-src="liebiao.html">
			<!-- <img class="menu_img" src="static/img/qz.svg"> -->
			<img class="menu_img" src="static/img/qz.svg">

			<div class="menu_name"><span style="color: blacks;">新闻</span></div>
		</div>
		<style type="text/css">
			#three {
				width: 4em;
				height: 4em;
				background-color: #FFFFFF;
				/* position: fixed;
					bottom: 2em !important; */
			}

			#three_2 {
				width: 4em;
				height: 4em;

				position: fixed;
				bottom: 1em !important;
				margin-left: 40%;
				border-radius: 2em;
			}

			#three_2>img {
				width: 3.5em;
				height: 3.5em;
			}
		</style>
		<div id="three" class="subMenu text-center" data-src="fabu.html">
			<img class="menu_img" src="static/img/addbai.svg">
			<div class="menu_name">发布 </div>
		</div>
		<div id="three_2" class="subMenu text-center" data-src="fabu.html">
			<img class="menu_img" src="static/img/add.svg">
			<!-- <div class="menu_name">发布 </div> -->
		</div>
		<div id="four" class="subMenu text-center" data-src="qz.html">
			<a href="m_main.html">
				<!-- <img class="menu_img" src="static/img/sy.svg"> -->
				<img class="menu_img" src="static/img/info_2.svg">
				<div class="menu_name"><span style="color: #ef8329;">信息</span></div>
			</a>
		</div>
		<div id="five" class="subMenu text-center" data-src="wd.html">
			<img class="menu_img" src="static/img/my.svg">
			<div class="menu_name">我的</div>

		</div>
	</div>

	<script>
		$(document).ready(function () {

		});

		/*content高度*/
		function initSize() {
			var height = $(window).height() - $("header").height() - $("#description").height() - $("#menu").height();
			$("#content").height(height + "px");
		}
	</script>

</body>

</html>
<!-- Initialize Swiper -->
<script>
	var swiper = new Swiper('.swiper-container', {
		pagination: '.swiper-pagination',
		paginationClickable: true,
		loop: true, // 循环模式选项
		autoHeight: true
	});
</script>